<template>
  <div class="columns">
    <div class="column">
      <el-card>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="竞赛简介" name="first">
            <Introduction></Introduction>
          </el-tab-pane>
          <el-tab-pane label="比赛信息" name="second">
            <MatchInfo></MatchInfo>
          </el-tab-pane>
          <el-tab-pane label="参赛指南" name="third">
          <competitionGuide></competitionGuide>
          </el-tab-pane>
        </el-tabs>
      </el-card>
    </div>
  </div>
</template>

<script>

import TopicList from "@/views/post/Index.vue";
import CardBar from "@/views/card/CardBar.vue";
import Introduction from "@/components/CompetitionInformation/Introduction.vue";
import MatchInfo from "@/components/CompetitionInformation/MatchInfo.vue";
import CompetitionGuide from "@/components/CompetitionInformation/CompetitionGuide.vue";

export default {
  name: 'CompetitionInformation',
  components: {CompetitionGuide, MatchInfo, Introduction, CardBar, TopicList},
  data() {
    return {
      activeName:'first',
      page: {
        current: 1,
        size: 10,
        total: 0,
        tab: 'latest',
        type:1
      }
    }
  },

  methods: {
    handleClick(){

    }
  }
}
</script>

<style scoped>

</style>
